<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			p{
				width: 100px;
				height: 100px;
				background-color: pink;
			}
		</style>
	</head>
	<body>
		
		<!-- 
		 1、网页的三大结构
			html
			css
			JavaScript（js）
		 2、js是一种编程语言，与c# 的基础特定基本一样。  js比c#简单很多
			变量
			数据类型：布尔、数字、字符串
			函数
			if、while、for
			数组
		3、JavaScript是一种基于对象（Object）和事件驱动（Event Driven）的脚本语言（简单）。
		4、js是运行在浏览器端的脚本语言，用来设置网页的效果。
		5、js是一种解释性的语言。 解释性 + 编译型
			编译型：c#  xxx.cs（原始文件）  ---- xxx.exe(编译文件)         --- 运行出结果
			解释性：js  xxx.js  ---- 读一句，运行一句---读一句，运行一句。
		6、js是一种弱类型的语言 ：变量不需要声明和指定类型即可使用，是一种弱类型语言。
			js声明变量全部使用 var
			
		7、有兼容性 ： 浏览器对js的支持情况不一样。
			

		 -->
		 <p>你点我试试！！！！！</p>	 
		 <script>
			 var p = document.getElementsByTagName("p")[0]
			 p.onclick = function(){
				 alert("你点我干啥！！！")
			 }
		 </script>
	</body>
</html>
